<!doctype html> 
<html> 
<head> 
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta charset="utf-8"> 
    <title></title> 
    <style type="text/css">
body{background: #f3f7fa;}
*{margin:0;padding: 0;list-style: none;text-decoration: none;outline: none;}
.topNode{height: 60px;background: #a7212a;
	text-align: center;
	color: white;font-size: 13px;line-height: 74px;
	position: relative;
}
.login{
	font-size: 12px;color: white;position: absolute;background: url(img/img.png) left center no-repeat;
	left: 11px;background-size: 9px 15px;
	padding-left: 14px;
}
.textNode{
	height: 31.5px;line-height: 31.5px;text-align: center;
	font-size: 12.5px;color: #fc8715;
}
.inputNode{
	border-top:1px solid #e4e4e4;
	height: 42.5px;background: #ffffff;
	display: -webkit-box;
	-webkit-box-orient:horizontal; 
}
.inputNode .leftNode{
	width: 84.5px;height: 100%;text-indent: 11px;
	font-size: 12.5px;line-height: 42.5px;
}
.inputNode .toNumber{
	display: block;font-size: 12px;height: 12px;
	border: none;padding: 15.25px 0;
	-webkit-box-flex:1;
	color: #dadde2;
}
.inputNode .yzm{
	width: 74px;height: 28px;text-align: center;line-height: 28px;border-radius:2.5px;background: #2caa9e;color: white; 
	margin: 7.5px 14px 0 0;font-size: 12px;
}
.inputNode:last-of-type{
	border-bottom: 1px solid #e4e4e4;
}

    </style>
</head>
<body>
<div class='topNode'>
	中企智导账号注册
	<a href='javascript:;' class='login'>登录</a>
</div>
<div class='textNode'>
	
	投资第一步从注册开始：）
</div>
<div class='inputNode'>
	
	<div class='leftNode'>手机号码</div>
	<input class='toNumber'>
</div>
<div class='inputNode'>
	
	<div class='leftNode'>验证码</div>
	<input class='toNumber'>
	<div class='yzm'>获取验证码</div>
</div>
<div class='inputNode'>
	
	<div class='leftNode'>密码</div>
	<input class='toNumber'>
</div>
<div class='inputNode'>
	
	<div class='leftNode'>确认密码</div>
	<input class='toNumber'>
</div>

</body>
</html>